import { login, getInfo, getUserDetailById } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  // 开启命名空间
  namespaced: true,
  // 保存的数据
  state: () => ({
    // 先从本地取,取不到再执行null
    token: getToken() || null,
    userInfo: {}
  }),
  // 修改 state里面的变量
  mutations: {
    setToken (state, token) {
      // token存入vuex
      state.token = token
      // 存到本地
      setToken(token)
    },
    setUserInfo (state, info) {
      state.userInfo = info
    },
    // 清除token
    reomveLogout (state) {
      removeToken()
      state.token = null
      state.userInfo = {}
    }

  },
  // 发送异步请求
  actions: {
    // 登录
    asyncSetToken (ctx, data) {
      return new Promise((resolve, reject) => {
        login(data).then((res) => {
          ctx.commit('setToken', res.data)
          // console.log(res)
          resolve()
        })
      })
    },
    // 用户个人基本资料
    async asyncGetInfo (ctx) {
      // 获取用户id
      const res = await getInfo()
      // console.log(res)
      // 获取用户头像
      const req = await getUserDetailById(res.data.userId)
      ctx.commit('setUserInfo', { ...res.data, ...req.data })

      return res.data.roles
    },
    // 退出的action操作
    logout (context) {
      // 1. 移除vuex个人信息
      context.commit('removeUserInfo')
      // 2. 移除token信息
      context.commit('removeToken')
      // 3. 重置路由系统
      resetRouter()
      // 4. 重置 vuex 中的路由信息 只保留每个用户都一样的静态路由数据
      context.commit('setMenuList', [], { root: true })
    }
  }
}

